.font{
  // 字体
  &-sans {font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
  &-serif {font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;}
  &-mono {font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}

  // 字体粗细
  &-thin{font-weight: 100;}
  &-extralight{font-weight: 200;}
  &-light{font-weight: 300;}
  &-normal{font-weight: 400;}
  &-medium{font-weight: 500;}
  &-semibold{font-weight: 600;}
  &-bold{font-weight: 700;}
  &-extrabold{font-weight: 800;}
  &-black{font-weight: 900;}
}
// 字体大小
@for $i from 1 through 100 {
  .font-#{$i*2} {
    font-size: 2px * $i !important;
  }
}
// 字体样式
.italic {
  font-style: italic; // 斜体
}
.not-italic {
  font-style: normal;
}
// 字母间距
.tracking {
  &-tighter{letter-spacing: -0.05em;}
  &-tight{letter-spacing: -0.025em;}
  &-normal{letter-spacing: 0em;}
  &-wide{letter-spacing: 0.025em;}
  &-wider{letter-spacing: 0.05em;}
  &-widest{letter-spacing: 0.1em;}
}
// 行高
@for $i from 1 through 200 {
  .lineHeight-#{$i*2} {
    line-height: 1px * $i !important;
  }
}
// 相对行高 根据元素当前的字体大小，给它一个相对的行高
.lineHeight {
  &-none{line-height: 1;}
  &-tight{line-height: 1.25;}
  &-snug{line-height: 1.375;}
  &-normal{line-height: 1.5;}
  &-relaxed{line-height: 1.625;}
  &-loose{line-height: 2;}
}